webix
		.ready(function() {

			webix.ui.fullScreen();
			var my_template = {
				template : "<span style='font-size:20px; font-weight:bold; color:#3498DB'; >所有操作员</span>&nbsp;/&nbsp;&nbsp; AllOperater",
				height : 45,
				borderless : true
			};
			var role_options = {
				"U" : "普通用户",
				"SU" : "超级用户",
				"D" : "维护人员",
				"RU":"集中装刀人员"
			};
			var my_table = {
				view : "datatable",
				id : "mydatatable",
				columns : [
						{
							id : "operator_id",
							header : "操作员id",
							fillspace : true
						},
						{
							id : "terminal_user_name",
							header : "用户名",
							fillspace : true,
							editor : "text"
						},
						{
							id : "real_name",
							header : "操作员姓名",
							fillspace : true,
							editor : "text"
						},
						{
							id : "terminal_card_no",
							header : "卡号",
							fillspace : true,
							editor : "text"
						},
						{
							id : "role",
							header : "操作员角色",
							fillspace : true,
							template : function(obj, type) {
								if (obj.role == "SU") {
									return "超级用户";
								} else if (obj.role == "U") {
									return "普通用户";
								} else if (obj.role == "D") {
									return "维护人员";
								} else if (obj.role == "RU") {
									return "集中装刀人员";
								} else {
									return "无";
								}
							},
							editor : "select",
							options : role_options
						},
						{
							id : "operator_mac",
							header : "MAC地址",
							fillspace : true,
							editor : "text"
						},
						{
							id : "fingerprint",
							header : "指纹信息",
							fillspace : true,
							editor : "text"
						},
						// {id:"creator_user_name",header:"创建人",fillspace:true},
						{
							id : "create_time",
							header : "创建时间",
							fillspace : true
						},
						// 删除
						{
							id : "",
							template : "<a href='#' onclick=\"delRow('#operator_id#')\">删除</a>",
							css : "padding_less",
							width : 120
						} ],
				height : 600,
				select : true,
			// url:"http://192.168.1.111:9001/Application/demo"
			};
			var my_toolbar = {
				view : "toolbar",
				id : "mytoolbar",
				elements : [ {
					view : "text",
					id : "s1",
					name : "s1",
					label : "用户名:",
					labelWidth : 105,
					width : 300
				}, {
					view : "text",
					id : "s2",
					name : "s2",
					label : "操作员姓名:",
					labelWidth : 105,
					width : 300
				}, {
					view : "button",
					value : "查询",
					width : 50,
					click : "select",
					css : "btn_check"
				}, {
					view : "button",
					value : "添加操作员",
					width : 100,
					click : "addRow",
					css : "btn_check"
				}, {
					view : "button",
					value : "确认添加",
					width : 80,
					click : "confirm",
					css : "btn_check"
				}, {
					view : "button",
					value : "填写MAC,指纹信息",
					width : 150,
					click : "editMac",
					css : "btn_check"
				} ]
			};
			var page = {
				view : "pager",
				id : "pagerA",
				// 新用户刚开始没有产生数据出现分页标签
				// count:1000,
				// master:false,
				// group:15,
				// size:5,
				// page:1,
				template : "{common.first()}{common.prev()}{common.pages()}{common.next()}{common.last()}",
				css : "pager",
				on : {
					onItemClick : function(id, e, node) {
						if (id == "next") {
							if ($$("pagerA").config.limit == $$("pagerA").config.page + 1) {
								id = $$("pagerA").config.limit - 1;
							} else {
								id = $$("pagerA").config.page + 1;
							}
						} else if (id == "prev") {
							id = $$("pagerA").config.page - 1;
						} else if (id == "first") {
							id = 0;
						} else if (id == "last") {
							id = $$("pagerA").config.limit - 1;
						}
						var params = {};
						params.currPage = parseInt(id) + 1;
						params.pageSize = 10;
						postData("getOperatorAll", params, callback);
					}
				},
				height : 38,
				css : {
					"text-align" : "center",
					"margin-top" : "20px!important"
				}
			};
			var params = {};
			params.pageSize = 10;
			postData("getOperatorAll", params, callback);
			var web = {
				container : "body",
				type : "line",
				id : "mylayout",
				rows : [ my_template, my_toolbar, my_table, page ],
			};
			webix.ui(web);// ---webix.ui结束----
			// 当toolbar里面的查询条件为空时，显示所有数据
			$$("s1").attachEvent("onTimedKeyPress", function() {
				var value1 = this.getValue();
				var name2 = $$("s2").getValue();
				if (value1 == "" && name2 == "") {
					location.reload();
				}
			});
			$$("s2").attachEvent("onTimedKeyPress", function() {
				var value2 = this.getValue();
				var name1 = $$("s1").getValue();
				if (value2 == "" && name1 == "") {
					location.reload();
				}
			});

			// ---------------------- 添加MAC模态框开始------------------
			// 模态框的form表单内容
			var add_Mac_form = {
				view : "form",
				id : "add_Mac_form",
				borderless : true,
				complexData : true,
				elements : [ {
					margin : 10,
					cols : [ {
						view : "text",
						label : "操作员姓名",
						id : "add_name",
						name : "add_name",
						width : 400,
						labelWidth : 100
					}, ],
				}, {
					margin : 10,
					cols : [ {
						view : "text",
						label : "MAC地址",
						id : "add_mac",
						name : "add_mac",
						width : 400,
						
						labelWidth : 100
					}, ],
				}, {
					margin : 10,
					cols : [ {
						view : "text",
						label : "指纹信息",
						id : "add_fingerprint",
						name : "add_fingerprint",
						width : 400,
						labelWidth : 100
					}, ],
				}, {
					margin : 10,
					cols : [ {}, {
						view : "button",
						id : "btn4",
						value : '提交',
						click : "sub_mac",
						inputWidth : 70,
						width : 70
					} ]
				} ]
			}
			var add_MAC_toolbar = {
				view : "toolbar",
				id : "add_MAC_toolbar",
				elements : [ {
					view : "label",
					label : "添加MAC地址,指纹信息",
					width : 85
				}, {}, {
					view : "icon",
					icon : "times-circle",
					css : "alter",
					click : "$$('viewMac').hide();"
				} ],
			}
			// window模态框
			var viewMac = new webix.ui({
				view : "window",
				id : 'viewMac',
				width : 900,
				position : "center",
				modal : true,
				move : true,
				head : webix.copy(add_MAC_toolbar),
				body : webix.copy(add_Mac_form)
			});
			// ---------------------- 添加MAC模态框结束------------------

		})

function callback(data) {
	var temp = JSON.parse(data);
	text1=temp.data;
	// var data = new webix.DataCollection({data:text1.page});
	// $$('mydatatable').data.sync(data);
	// 廖利红修改（跳页添加报错问题）
	$$("mydatatable").clearAll();
	$$("mydatatable").define("data", text1.page);
	$$('mydatatable').refresh();
	$$("pagerA").define("limit", text1.totalPageCount);
	$$("pagerA").define("count", text1.totalCount);
	$$("pagerA").define("size", text1.pageSize);
	$$("pagerA").define("page", text1.currPage - 1);
	$$('pagerA').refresh();
}
var flag = true;
// 行id
var row;
// 添加一行
function addRow() {

	var dt = $$("mydatatable");
	if (flag) {
		var id = dt.add({});
		row = id;
		console.log(row);
		dt.addRowCss(id, "newRow");
		dt.editRow(id);
		flag = false;
	} else {
		alert("请完成当前操作员添加");
		console.log(row);
		dt.editRow(row);
	}
	// var newPg=++text1.pageSize;
	// $$("pagerA").define("size",newPg);
	// dt.editRow(id);
};

// 获取表格值并刷新
function confirm() {
	var dt = $$("mydatatable");
	dt.editStop();
	dt.eachRow(function(row) {
		if (dt.hasCss(row, "newRow") == true) {
			params = dt.getItem(row);
			if (params.real_name == "") {
				alert("请填写操作员姓名...");
				dt.editRow(row);
				return false;
			} else if (params.terminal_card_no == "") {
				alert("请填写卡号...");
				dt.editRow(row);
				return false;
			} else if (params.terminal_user_name == "") {
				alert("请填写用户名...");
				dt.editRow(row);
				return false;
			} else if (params.role == "") {
				alert("请选择操作员角色..");
				dt.editRow(row);
				return false;
			} else {
				flag = true;

				webix.ajax().post("addOperator", params,
						function(text, xml, xhr) {
							var retData = JSON.parse(text);
							if (retData.ret < 0) {
								alert(retData.msg);
								location.reload();
							} else {
								alert("执行完毕");
								location.reload();
							}
						});
			}
			dt.removeRowCss(row, "newRow");
		}
	});
}

function delRow(operator_id) {
	webix.confirm({
		title : "提示",
		text : "确定要删除吗?",
		ok : "确定",
		cancel : "取消",
		callback : function(result) {
			if (result == true) {
				webix.ajax().post("delOperator", "operator_id=" + operator_id,
						function(text, xml, xhr) {
							alert("执行完毕");
							location.reload();
						});
			}
		}

	});
}
// 查询实现
function select() {
	var params = {};
	var s1 = $$("s1").getValue();
	var s2 = $$("s2").getValue();
	params.real_name = s2;
	params.user_name = s1;
	if (params.real_name == "" && params.user_name == "") {
		location.reload();
	} else {
		postData("getOperatorAll", params, callback);
	}

}

// 修改mac地址
function editMac() {
	var id = $$('mydatatable').getSelectedId();
	if (typeof (id) == "undefined") {
		alert("请选择行");
		return;
	}
	$$("viewMac").show();
	$("#add_name").val($$('mydatatable').getItem(id).real_name);
	$("#add_operator_id").val($$('mydatatable').getItem(id).operator_id);
	$("#add_mac").val($$('mydatatable').getItem(id).operator_mac);
	$("#add_fingerprint").val($$('mydatatable').getItem(id).fingerprint);

};

function sub_mac() {
	$$("btn4").disable();
	var mac = $("#add_mac").val();
	var fingerprint = $("#add_fingerprint").val();
	var id = $("#add_operator_id").val();
	if (id == "") {
		$$("btn4").enable();
		alert("提交失败，请刷新页面");
		return;
	}
	if (mac == "" && fingerprint == "") {
		$$("btn4").enable();
		alert("MAC地址,指纹信息必须填一个");
		return;
	}
	
	webix.ajax().post("addOperatorMac",
			"operator_id=" + id + "&operator_mac=" + mac+"&fingerprint="+fingerprint,
			function(text, xml, xhr) {
				var retData = JSON.parse(text);
				$$('viewMac').hide();
				if (retData.ret < 0) {
					alert(retData.msg);
					location.reload();
				} else {
					alert("执行完毕");
					location.reload();
				}
			});
};
